<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>易掌店</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../assets/icon/style.css" />
		
		<link rel="stylesheet" type="text/css" href="../../styles/vip/zyl店员——人.css"/>
		<link rel="stylesheet" type="text/css" href="../../styles/vip/zy店员——收银.css"/>

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
		<![endif]-->
		<link rel="stylesheet" href="../../assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../../assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-ie.min.css"/>
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../../assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../../assets/js/html5shiv.min.js"></script>
		<script src="../../assets/js/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="../../styles/index/index.css">
		
		<style>
			* {
				padding: 0;
				margin: 0;
			}
			
			
		/*btn++*/	
			.zGslider {
			position: relative;
		}
		.zGslider div {
			
		}
		.zGbox {
			position: relative;
			overflow: hidden;
		}
		.zGbox ul {
			position: absolute;
			margin: 0;
		}

		li {
			list-style: none;
			float: left;
		}
		.zGslider .zGbox {
			width: 1049px;
			height:800px;
			overflow: hidden;
		}
		#zGBtn {
			width: 118px;
			height:46px;
			background:#3cbced;
			margin-left:300px;
			cursor: pointer;
			font-size: 18px;
			color:white;
			border-radius: 4px;
			margin-top: -50px;
			text-align:center;
			line-height: 46px;
			
		}	
			
		
			.ctytab{
				width: 100%;height: 100%;
			}
			.ctyalet{
				height: 44px;border: 1px solid #ccc;
			}
			.ctyad_vip{
				width: 160px;height: 40px;background: #3abdeb;margin-top: 10px;font-size:18px;text-align: center;
				line-height: 40px;color: #FFFFFF;margin-bottom: 10px;float: left;
			}
			.ctybg img{
				float: right;margin-top: 10px;margin-right: 20px;
			}
			.ctyadvip span{
				margin-right: 6px;
			}
			#ctysimple-table{
		width:100%;
		font-size: 16px;
	}
	#ctysimple-table th{
		height:40px;
		
		color: #565b61;
		text-align: center;
		border: none;
		background:#76d4f6;
	}

	.ctyico{
		margin-left:40px;
		margin-right: 50px;
	}
	#ctysimple-table td{
	border: none;
	margin-left: 57px;
	color: #595961;
	}
	#ctysimple-table tr{
		border: none;
		background: #FFFFFF;
		margin-left: 57px;
		height: 55px;
		line-height: 55px;
	}
	
	#ctysimple-table .tr td{
		height: 55px;
		line-height: 55px;
		text-align: center;
		
		
	}
	#ctysimple-table .trtow td{
		height: 55px;
		line-height: 55px;
		text-align: center;
		
	}	
		#ctysimple-table tr:hover{
			background: #c7f1ff;
		}
	
	.center .pos-rel{
		margin-left: 57px;
	}
	.ctyxiala{
	padding-left: 20px;
	color:#a9a7b4;
	margin-top:-22px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFFF;
	}
		</style>
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<i class="fa fa-shopping-bag nav-height64"></i>
						<small class="nav-header-large-label">易掌店</small> <small class="nav-header-small-label">小门店 大生意</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav padding-tb10">
						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-repeat nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-envelope icon-animated-bell nav-height64"></i>
								<span class="badge badge-pink">8</span>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-user nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-circle-o-notch nav-height64"></i>
							</a>
						</li>
					</ul>
				</div>
			</div><!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

				<div class="nav-aside padding-left5">
					<div class="nav-aside-header">
						<a href="#" class="pull-left font-size20">
							<i class="fa fa-home"></i>
						</a>
						<span>2016年12月01日 星期六</span>
						<a href="#" class="pull-right font-size18 sidebar-collapse">
							<i class="fa fa-navicon"></i>
						</a>
					</div>
					<div class="row-with-shop-icon">
						<div class="icon-left"></div>
						<div class="content-right">
							<h2>易掌便利店</h2>
							<p><i class="icomoon-The-shop-assistant"></i><em>张亮</em><i class="icomoon-male"></i></p>
							<p><i class="icomoon-view"></i><time>2016-11-17 12:00</time></p>
							<div class="yzd-button">交班</div>
						</div>
					</div>
					<div class="nav-aside-menus">
						<ol class="yzd-left-menu-bg-row">
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-money"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div>收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>								
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-car"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-People"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-shop"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
						</ol>
					</div>
					<div class="nav-aside-menus">
						<div class="row-with-show-calendar">
							<span class="yzd-high-light-label">店庆日</span>
							<time class="ydz-shop-time">2月20日 星期日</time>
							<span class="ydz-shop-calendar">
								<i class="icomoon-editor"></i>
								<span class="ringing-bell"><span class="ringing-bell-badge">9</span><span class="icomoon-bell"></span></span>
							</span>
						</div>
					</div>
					<div class="row-with-balance">
						<div class="row-balance-left">
							<h2 class="balance-amount">88828.99</h2>
							<p class="balance-label">本月支出</p>
						</div>
						<div class="row-balance-right raise-arrow"></div>
					</div>
					<div class="help-btns">
						<span class="help-center">
							帮助中心
						</span>
						<span class="icomoon-radio"></span>
						<span class="icomoon-teasing"></span>
						<span class="icomoon-mysterious"></span>
					</div>
					<div class="shop-radio">
						<i class="icomoon-radio"></i>
						<span class="shop-radio-content">今天店里销量最好的商品是</span>
					</div>
					<div class="nav-aside-footer"></div>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner" id="recent-box">

					<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
						<div class="widget-header transparent no-padding-left">
							<a class="pull-left icon-arrow-right" id="moreTab">
								<i class="ace-icon fa fa-angle-left bigger"></i>
							</a>
							<div class="widget-toolbar no-border pull-left no-padding-left">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#tab-index">首页</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tab-settings">设置</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="page-content">
						<div class="widget-body">
							<div class="widget-main no-padding">
								<div class="tab-content no-padding" id="tab-content">
		<div id="tab-index" class="tab-pane active">
						
		<!--btn++-->
		<div style="width:200px;height: 100px;
			background: #3A87AD;text-align: center;line-height: 100px;font-size: 3em;color: white;border-radius: 200px;margin-left: 260px;margin-top: 200px;
			display: none;" id="zGtan">保存成功!</div>
		<div class="zGslider">
		<div class="zGbox">

			<ul>
				<li style="width: 1049px; overflow: hidden; background: #fff;">
					<div class="zycontent" style="margin-top: -50px;">

						<div class="zyinput">
							<form>
											
								        <span class="zybg"><i class="ace-icon fa fa-cog  bigger-230">
                                        	</i></span>


								　<span>*</span>店员ID：<input type="text" placeholder="12345678" class="zytext"/><br/>


								<span>*</span>店员名称：<input type="text" placeholder="请输入店员名称" class="zytext"/><br/><br/>


								　　<span>*</span>性别：&nbsp;&nbsp;&nbsp;&nbsp;<input name="form-field-radio" type="radio"
																				  class="ace" 　> <span class="lbl"><span
									style="color: black;"> 男&nbsp;</span></span><img src="../../images/vip/a1.png"
																					 style="width: 12px; height: 12px;"/>
								　　<input name="form-field-radio" type="radio" class="ace"> <span class="lbl"><span
									style="color: black;"> 女&nbsp;</span></span> <img src="../../images/vip/a2.png"
																					  style="width: 12px; height: 13px;"/><br/>


								<span>*</span>联系电话：<input type="text" placeholder="请输入店员联系电话" class="zytext"/><br/>

								<span>*</span>登录密码：<input type="password" placeholder="请输入登录密码" class="zymima"/><br/>

								<span>*</span>店员角色：<select>
								<option>收银员</option>
							</select><br/><br/>


								&nbsp;&nbsp;店员权限：&nbsp;&nbsp;&nbsp;&nbsp;<input name="form-field-radio" type="radio"
																				class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png1.png"/>　
								<input name="form-field-radio" type="radio" class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png2.png"/>　
								<input name="form-field-radio" type="radio" class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png3.png"/>　
								<input name="form-field-radio" type="radio" class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png4.png"/>　
							</form>
						</div>


						<div class="zybutton" style="margin-top: -10px;margin-left: 100px;">
							<table>
								<tr>
									<td style="font-size: 15px; margin-top: -24px;">商品</td>
									<td style="padding-left: 80px;">查看权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>

									</td>


									<td style="padding-left:30px ;">新增权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;">编辑权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;">删除权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>


								<tr>
									<td style="font-size: 15px;"></td>
									<td style="padding-left: 80px; padding-top: 28px;">进价权</td>
									<td style="padding-left: 12px; padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>

								<tr>
									<td style="font-size: 15px; padding-top: 27px;">快速入库</td>
									<td style="padding-left: 80px;padding-top: 27px;">查看权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">新增权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">编辑权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">删除权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>


								<tr>
									<td style="font-size: 15px; padding-top: 27px;">库存管理</td>
									<td style="padding-left: 80px;padding-top: 27px;">查看权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 28px;">新增权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">编辑权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">删除权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>


								<tr>
									<td></td>
									<td style="padding-left: 80px;padding-top: 27px;">入库权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">出库权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">审核权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>


								<tr>
									<td style="font-size: 15px;"></td>
									<td style="padding-left: 80px; padding-top: 27px;">所有权限</td>
									<td style="padding-left: 12px; padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>
								</tr>


							</table>
							<input type="submit" value="保存"
								   style="margin-top: 20px;width: 117px;height: 47px;color: #bfbfbf;border: 2px solid #a4a4a4; background: white;border-radius: 4px;font-weight: bold;font-size: 16px;border-radius: 5px;outline:none"/>
							<p id="zGBtn">保存并新增</p>

						</div>


					</div>
				</li>


				<!--收银-->
				<li style="width: 1049px; overflow: hidden; background: #fff;">
					<div class="zycontent">
						<div class="zyinput">
							<form>
											
								        <span class="zybg"><i class="ace-icon fa fa-cog  bigger-230">
                                        	</i></span>


								　<span>*</span>店员ID：<input type="text" placeholder="12345678" class="zytext"/><br/>


								<span>*</span>店员名称：<input type="text" placeholder="请输入店员名称" class="zytext"/><br/><br/>


								　　<span>*</span>性别：&nbsp;&nbsp;&nbsp;&nbsp;<input name="form-field-radio" type="radio"
																				  class="ace" 　> <span class="lbl"><span
									style="color: black;">男&nbsp;</span> </span>
								<img src="../../images/vip/a1.png" style="width: 12px;height: 12px;""/>
								　　<input name="form-field-radio" type="radio" class="ace"> <span class="lbl"><span
									style="color: black;">女&nbsp;</span></span> <img src="../../images/vip/a2.png"
																					 style="width: 12px;height: 12px;"/><br/>


								<span>*</span>联系电话：<input type="text" placeholder="请输入店员联系电话" class="zytext"/><br/>

								<span>*</span>登录密码：<input type="password" placeholder="请输入登录密码" class="zymima"/><br/>

								<span>*</span>店员角色：<select>
								<option>收银员</option>
							</select><br/><br/>


								&nbsp;&nbsp;店员权限：&nbsp;&nbsp;&nbsp;&nbsp;<input name="form-field-radio" type="radio"
																				class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png1.png"/>　
								<input name="form-field-radio" type="radio" class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png2.png"/>　
								<input name="form-field-radio" type="radio" class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png3.png"/>　
								<input name="form-field-radio" type="radio" class="ace">
								<span class="lbl"></span>　<img src="../../images/vip/png4.png"/>　
							</form>
						</div>


						<div class="zybutton" style="margin-top: -10px;margin-left: 100px;">
							<table>
								<tr>
									<td style="font-size: 15px; margin-top: -20px;">收银</td>
									<td style="padding-left: 80px;">查看权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>

									</td>


									<td style="padding-left:30px ;">新增权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;">编辑权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;">删除权</td>
									<td style="padding-left: 12px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>
							</table>


							<div class="zyinputs">
								<span style="padding-left: 110px;margin-right: 12px;">抹零额度</span>
								<input type="text" placeholder="例：0.1就是0.1元以下"/>
								<div class="zyhelp-button"><img src="../../images/goods/yan_img/wenhao.png"
																style="width: 22px; height: 22px;"/>
									<p>0.1就是0.1元以下</p>
								</div>

								<span style="margin-right: 12px;">最大折扣</span>
								<input type="text" placeholder="例：0.9就是9折"/>
								<div class="zyhelp-buttons"><img src="../../images/goods/yan_img/wenhao.png"
																 style="width: 22px; height: 22px;""/>
									<p>0.9就是9折</p>
								</div>
							</div>


							<table>
								<tr>
									<td style="font-size: 15px; padding-top: 27px;">支出</td>
									<td style="padding-left: 80px;padding-top: 27px;">查看权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">新增权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">编辑权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">删除权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>


								<tr>
									<td style="font-size: 15px; padding-top: 27px;">支出</td>
									<td style="padding-left: 80px;padding-top: 27px;">查看权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 28px;">新增权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">编辑权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>


									<td style="padding-left:30px ;padding-top: 27px;">删除权</td>
									<td style="padding-left: 12px;padding-top: 28px;">
										<label>
											<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty"
												   type="checkbox">
											<span class="lbl"></span>
										</label>
									</td>

								</tr>


							</table>
							<input type="submit" value="保存"
								   style="margin-top: 20px;width: 117px;height: 47px;color: #bfbfbf;border: 2px solid #a4a4a4; background: white;border-radius: 4px;font-weight: bold;font-size: 16px;border-radius: 5px;"/>
							<p id="zGBtn">保存并新增</p>

						</div>

					</div>
				</li>


			</ul>

		</div>
	</div>
	
									
									
									
		
							
									
									
									
									
									
									
									</div>
								</div>
							</div><!-- /.widget-main -->
						</div><!-- /.widget-body -->
					</div>
				</div>
			</div><!-- /.main-content -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="../../assets/js/jquery-2.1.4.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
		<script src="../../assets/js/jquery-1.11.3.min.js"></script>
		<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='../../assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="../../assets/js/bootstrap.min.js"></script>

	<script src="../../assets/js/jquery-1.11.3.min.js"></script>
			<script type="text/javascript">
			$(function(){	
				$(".zyhelp-button img").mouseover(function () {
					$(this).addClass("active");
					var index = $(this).index();
					$('.zyhelp-button p').eq(index).addClass("show");
				})
				$(".zyhelp-button img").mouseout(function () {
					$(this).removeClass("removeClass");
					var index = $(this).index();
					$('.zyhelp-button p').eq(index).removeClass("show");
				});
				
				
			});
			
			$(function(){	
				$(".zyhelp-buttons img").mouseover(function () {
					$(this).addClass("active");
					var index = $(this).index();
					$('.zyhelp-buttons p').eq(index).addClass("show");
				})
				$(".zyhelp-buttons img").mouseout(function () {
					$(this).removeClass("removeClass");
					var index = $(this).index();
					$('.zyhelp-buttons p').eq(index).removeClass("show");
				});
				
				
			});
			
		</script>

		<!-- page specific plugin scripts -->

		<!--[if lte IE 8]>
		<script src="../../assets/js/excanvas.min.js"></script>
		<![endif]-->
		<script src="../../assets/js/jquery-ui.custom.min.js"></script>
		<script src="../../assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="../../assets/js/jquery.easypiechart.min.js"></script>
		<script src="../../assets/js/jquery.sparkline.index.min.js"></script>
		<script src="../../assets/js/jquery.flot.min.js"></script>
		<script src="../../assets/js/jquery.flot.pie.min.js"></script>
		<script src="../../assets/js/jquery.flot.resize.min.js"></script>
		<script src="../../assets/js/bootbox.min.js"></script>

		<!-- ace scripts -->
		<script src="../../assets/js/ace-elements.min.js"></script>
		<script src="../../assets/js/ace.min.js"></script>
		<script src="../../scripts/index/tabControl.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">



			var tabCtrl = new TabControl('#recent-tab','#tab-content');

			jQuery(function($) {

				$('.menu-container .row>div').on('click',function(){
					tabCtrl.add({
						title: $(this).text(),
						name: 'this-is-id-'+ $(this).text(),
//						url: "xxx.html",
						content:''+
							'<input type="text"/>'+
							'<button class="tab-reload">刷新tab</button>'+
							'<button class="tab-close">删除tab</button>',
						onLoadSuccess: function(tab){
							$('.tab-reload').on('click',function(){
								tabCtrl.reload(tab);
							});

							$('.tab-close').on('click',function(){
								tabCtrl.close(tab);
							});
						}
					});
				});

				bootbox.setDefaults({
					locale:'cn',
					animate:true,
					className:'yzd-dialog'
				});

				$('.help-center').on('click',function(){
					bootbox.alert({ 
					  size: "small",
					  title: "Your Title",
					  message: "Your message here…", 
					  callback: function(){ /* your callback code */ }
					});
				});
				
				
				
				
				
			var zGsingleWidth = $('.zGslider ul li').width();
			$('.zGslider ul').width(zGsingleWidth * $('.zGslider ul li').length);
			var currIndex = 0;
			var lastIndex = $('.zGslider ul li').length - 1;

			$('#zGBtn').click(function() {
				if (currIndex === lastIndex) {
					alert('新增次数上限！');
					return;}
				currIndex++;
				var zGtime = 99 * 9;
				$('#zGtan').slideDown(zGtime);
				$('#zGtan').slideUp(zGtime);
				$('.zGslider ul').animate({
					left:'-=' + zGsingleWidth
				},'slow');
				
			});
			
					var zydiv2 = document.getElementById("zydiv2");
        			var zydiv1 = document.getElementById("zydiv1");
       				zydiv2.onclick = function(){
            zydiv1.className = (zydiv1.className=="zyclose1")?"zyopen1":"zyclose1";
            zydiv2.className = (zydiv2.className=="zyclose2")?"zyopen2":"zyclose2";
            if(  zydiv1.className == "zyclose1"){
               
                $(".zyclo_1").show()
                $(".zyope_1").hide()
            }else{
                $(".zyclo_1").hide()
                $(".zyope_1").show()
            }
        }
				
			});
		</script>
	</body>
</html>
